/********************** 尺寸 **********************/
/* 宽度 */
.w-screen {
    width: 100vw;
}

.w-full {
    width: 100%;
}

.w-min-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

/* 高度 */
.h-screen {
    height: 100vh;
}

.h-full {
    height: 100%;
}

/********************** 布局 **********************/
/* 溢出 */
.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

/* object fit */
.object-contain {
    object-fit: contain;
}

/* flex */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* 位置 */
.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

/* 内边距 */
.pl-2 {
    padding-left: .5rem;
}

.pl-4 {
    padding-left: 1rem;
}

.pr-2 {
    padding-right: .5rem;
}

.pr-4 {
    padding-right: 1rem;
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.p-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
}

/* 外边距 */
.mt-2 {
    margin-top: .5rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mb-2 {
    margin-bottom: .5rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/********************** 边框 **********************/
/* 圆角 */
.rounded {
    border-radius: 0.25rem;
}

.rounded-lg {
    border-radius: 0.5rem;
}

/* style */
.border-none {
    border-style: none;
}

/********************** 文字 **********************/
/* 颜色 */
.text-white {
    color: white;
}

/* 对齐 */
.text-center {
    text-align: center;
}

/* 大小 */
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.text-5xl {
    font-size: 3rem;
    line-height: 1;
}

/* 粗细 */
.font-bold {
    font-weight: 700;
}

/********************** 互动 **********************/
/* 鼠标样式 */
.cursor-pointer {
    cursor: pointer;
}

.cursor-text {
    cursor: text;
}